/* 老年人模式全局样式 */
.elder-mode {
  font-size: 22px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  --text-primary: #1a1a1a;
  --background-primary: #f8f9fa;

  /* 添加工具提示样式 */
  .el-tooltip__popper {
    font-size: 22px !important;
    transition: all 0.3s ease;
  }
  
  * {
    margin: calc(16px * 1.3) !important;
    padding: calc(8px * 1.3) !important;
    letter-spacing: 0.08em !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    border: 2px solid #eee !important;
  }
  
  .content-img,
  .avatar-img {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
.elder-mode .el-menu-item {
  font-size: 1.2em !important;
  padding: 0 25px !important;  /* 增大左右内边距 */
  transform: translateY(2px);  /* 微调垂直位置 */
  height: 70px !important;  /* 增大高度 */
  line-height: 70px !important;  /* 保持垂直居中 */
}
  .el-menu-item {
    font-size: 1.2em !important;
    min-width: 120px !important;
    margin: 0 10px !important;  /* 调整边距 */
    padding: 0 15px !important; /* 增加内边距 */
}

/* 新增导航容器适配 */
.el-menu--horizontal {
    display: flex !important;
    justify-content: center !important; /* 水平居中 */
    flex-wrap: nowrap !important; /* 禁止换行 */
}

/* 菜单项容器适配 */
.el-menu-item > * {
    white-space: nowrap !important; /* 文字不换行 */
    display: inline-block !important;
}
  .el-button {
    transform: scale(1.3) !important;
    max-width: 200px !important;
    transform-origin: center;
    margin: 25px 0 !important;
    min-width: 120px !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: 140% !important;
    font-weight: 600 !important;
  }

  transition: all 0.4s ease;
}
  
  /* 标题类特别放大 */
  h1, h2, h3, h4, h5, h6 {
    font-size: 140% !important;
    font-weight: 600 !important;  /* 加粗显示 */
  }
  
  .el-button {
    transform: scale(1.5);  /* 按钮放大50% */
    transform-origin: left center;
    margin: 25px 0 !important;  /* 增大按钮间距 */
    min-width: 120px !important;  /* 保证按钮宽度 */
  }
  
  /* 导航菜单特别处理 */
  .el-menu-item {
    font-size: 24px !important;  /* 菜单项更大字号 */
    margin: 0 20px !important;
  }
  
/* 增强对比度 */
.elder-mode {
  color: #333 !important;
  --text-primary: #1a1a1a;  /* 新增CSS变量 */
  --background-primary: #f8f9fa;
  
  transition: all 0.3s ease-in-out;
/* 关闭之前的 '增强对比度' 规则 */
}
/* 新增规则：增强对比度 */
.elder-mode {
  color: #333 !important;
  --text-primary: #1a1a1a;  /* 新增CSS变量 */
  --background-primary: #f8f9fa;
  
  transition: all 0.3s ease-in-out;
.elder-mode .el-menu--horizontal {
  flex-wrap: wrap !important;  /* 允许换行 */
  padding: 10px 0 !important;
}

.elder-mode .el-menu-item {
  font-size: 1.3em !important;
  min-width: 120px !important;
  margin: 0 15px !important;
  transform: scale(1.05);
  transform-origin: center;
}
}

/* 新增尺寸控制变量 */
:root {
  --elder-mode-min-width: 120px;
  --elder-mode-font-size: 18px;
  --elder-mode-padding: 8px 12px;
}

/* 统一分类按钮样式 */
.elder-mode-item {
  min-width: var(--elder-mode-min-width) !important;
  font-size: var(--elder-mode-font-size) !important;
  padding: var(--elder-mode-padding) !important;
}

/* 顶部导航按钮适配 */
.top-news.elder-mode-item {
  font-size: var(--elder-mode-font-size) !important;
  padding: 12px 20px !important;
}

/* 激活状态统一样式 */
.category-active.elder-mode-item {
  --elder-mode-min-width: 140px;
  font-weight: 600 !important;
}